<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时</title>
</head>
<body>
    <h1>距离11月1日18:00:00还有</h1>
    <div id="countdown"></div>
    <div>
        <span id="days">00</span> 天 
        <span id="hours">00</span> 小时 
        <span id="minutes">00</span> 分钟 
        <span id="seconds">00</span> 秒
    </div>

    <script>
        // 计算倒计时的函数
        function updateCountdown() {
            // 获取当前时间
            const now = new Date();
            
            // 设置今年11月1日18:00:00的时间
            const targetDate = new Date(now.getFullYear(), 10, 1, 18, 0, 0); // 月份从0开始，所以10代表11月
            
            // 如果今年的11月1日已经过了，则设置为明年
            if (now > targetDate) {
                targetDate.setFullYear(targetDate.getFullYear() + 1);
            }
            
            // 计算时间差（毫秒）
            const diff = targetDate - now;
            
            // 将毫秒转换为天、小时、分钟、秒
            const days = Math.floor(diff / (1000 * 60 * 60 * 24));
            const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((diff % (1000 * 60)) / 1000);
            
            // 更新页面上的显示
            document.getElementById('days').textContent = String(days).padStart(2, '0');
            document.getElementById('hours').textContent = String(hours).padStart(2, '0');
            document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');
            document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');
            
            // 同时更新完整文本显示
            document.getElementById('countdown').textContent = 
                `${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒`;
        }
        
        // 初始调用一次
        updateCountdown();
        
        // 每秒更新一次倒计时
        setInterval(updateCountdown, 1000);
    </script>
</body>
</html>